<%@ page import="activity.Event" %>
<!DOCTYPE html>
<html>
    <head>
        <meta name="layout" content="frontend">
        <script src="${resource(dir: 'js',file: 'bootbox.min.js')}"></script>
    </head>
    <body>
        <div class="row">
            <div class="col-md-2">
            </div><!--/col-->
            <div class="col-md-8">
                    <div class="panel panel-info">
                    <div class="panel-heading"><p class="text-center" style="font-size:40"><strong>${serial.name}</strong></p></div>
                    <ul class="list-group list-group-flush text-center">
                        <li class="list-group-item"><i class="icon-ok text-danger"></i>主辦單位：${serial.host}</li>
                        <li class="list-group-item"><i class="icon-ok text-danger"></i>承辦人：${serial.staff}</li>
                        <li class="list-group-item"><i class="icon-ok text-danger"></i>電話：${serial.tel}</li>
                        <li class="list-group-item"><i class="icon-ok text-danger"></i>Email：${serial.email}</li>
                        <li class="list-group-item"><i class="icon-ok text-danger"></i>簡介：<div style="text-align:left">${serial.memo}</div></li>
                        <li class="list-group-item"><a href="javascript: history.back()">回上頁</a>　
                            <g:if test="${serial.status = "尚可報名"}">
                                <g:link action="serialDetail" id="${serial.id}">我要報名</g:link></li>
                            </g:if>
                            <g:else>
                                <g:link action="serialDetail" id="${serial.id}">詳細資訊</g:link></li>
                            </g:else>
                    </ul>
                </div><!--/panel-->
            </div><!--/col-->
            <div class="col-md-2">
            </div><!--/col-->
        </div><!--/row-->
    </body>
</html>

